<template>
	<div class="box3">
		<!-- <router-link :to='"/classmanager/classdetails/courseinformation/timetable?clazzId=" + this.$route.query.clazzId+"&clazzName="+this.$route.query.clazzName' class="navs2">课程表</router-link>
		<router-link :to='"/classmanager/classdetails/courseinformation/classcourses?clazzId=" + this.$route.query.clazzId+"&clazzName="+this.$route.query.clazzName' class="navs2">添加课程</router-link> -->
		<router-view></router-view>
	</div>
</template>

<script>
export default {
	
}
</script>

<style lang="less">

.box3 {
	.navs2 {
			text-decoration: none;
			margin-right: 30px;
			color: #ccc;
			// font-size: 20px;
		}

		.router-link-active {
			color: #000;
		}
	position: relative;
	.wrap {
		padding: 20px;
		margin-top: 40px;
		background: #fff;

		h4 {
			text-align: center;
			padding: 0 0 15px;
		}

		.el-table td.el-table__cell,
		.el-table th.el-table__cell.is-leaf {
			border-bottom: 1px solid #333;
		}

		.el-table--border,
		.el-table--group {
			border: 1px solid #333;
		}

		.el-table--border .el-table__cell,
		.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
			border-right: 1px solid #333;
		}

		.tab .el-table__body {
			border-spacing: 0 0;
		}
	}

	.el-table th.el-table__cell {
		background: #fff !important;
	}
	.btnBox {
		position: absolute;
		top: 0;
		right: 0;

		.btn {
			margin-right: 20px;
		}
	}
}
</style>